{% extends "base.html" %}
{% load static %}
 {% block headjs %}
 {% endblock %}
 {% block content %}
     <div class="container-lg">
        <div class="row-lg">
        <div class="card">
                <div class="card-header">
                    <h3>添加订单</h3>
                    <div class="card-header-action">
                        <a href="/kehu/{{ kehuxaingqing.id }}/detail/#v-pills-profile" class="btn btn-danger">返回</a>
                        </div>
                    </div>

					<div class="card-body">
						<form method="post">
                            {% csrf_token %}
                              {{ form.as_p }}
                            <button type="submit" class="btn btn-primary">提交</button>
                        </form>
					</div>
				</div>
            </div>
     </div>
 {% endblock %}
 {% block footerjs %}
<script>
// 通过产品分类，动态获取产品
$(document).ready(function() {
    $('#ChanpinLeibie_xz').change(function() {
        var selectedValue = $(this).val(); // 获取选中的值
        // 清空选项
        $('#id_ddchanpin').empty();
        // 发送Ajax请求
        $.ajax({
            url: '/api/get_fenlei_chanpin/', // 替换为你的后端处理请求的URL
            type: 'GET', // 或 'GET'，取决于你的后端期望的请求类型
            data: {
                'ChanpinLeibie_xz': selectedValue // 要发送的数据
            },
            success: function(response) {
                  $.each(response, function(index, item) {
                    // 创建新的<option>元素
                    var option = $('<option></option>').val(item.id).text(item.title + ' - $' + item.jiage + ' - ' + (item.gys ? item.gys.name : '未知机构'));
                    // 将选项添加到<select>元素中
                    $('#id_ddchanpin').append(option);
                 });
                // 请求成功时的回调函数
                // 这里可以处理后端返回的数据
                console.log('Success:', response);
            },
            error: function(xhr, status, error) {
                // 请求失败时的回调函数
                console.error('Error:', error);
            }
        });
    });
    // 可选：初始化时清空或设置默认选项
   // $('#id_ddchanpin').empty(); // 如果需要，可以在页面加载时清空初始选项
});
</script>
 {% endblock %}
